<template>
	<view class="">		
		<view class="itemA">
			<text class="help_title">帮助说明</text>
		</view>
		<view class="itemB">
			<view class="dir">
				<text class="dir_item">使用前提</text>
				<text class="dir_item">功能说明</text>
				<text class="dir_item">操作流程</text>
				<text class="dir_item">参数配置</text>
				<text class="dir_item">其它</text>
			</view>
			<view class="context">
				<text class="item">
					使用前提
						1 > 必须是由拆单软件导出的PDF标签文件,一般拆单软件都能导出。具体的导出方法每个软件公司略有不同,可咨询拆单软件供应商。
						
				</text>
				<text class="item2">
					2 >必须是电脑端，手机端不能使用。微信内置浏览器不能使用。电脑端的浏览器如谷歌，微软edge，360均能使用。 </text>
				<text class="item">					
					3 > 如果是自动贴标机，它在和NC文件同目录下生成了图片文件，不能在本平台使用。如有需求，可微信联系18186123197，获取客户端软件。
				</text>
				<text class="item">
					功能说明：
					&nbsp;&nbsp;&nbsp;&nbsp;主要是解决全屋定制工厂的板件分拣工序。无需电脑，无需扫码。将拆单软件导出的PDF标签文件添加水印，按房间
					和按柜体名分类。		比如标签属于客厅，加水印字母A，卧室加水印B,每个房间或空间加上不同的水印字母。同一个房间，不同的柜体用数
					字表示。比如A1,表示客厅的第一组单元柜,A2客厅的第二组单元柜。如果是混单生产，也可按定单名加以区分。
					
					
				</text>
				<text class="item">					
					特殊板件（需要二次加工，比如斜边封，格栅等）水印字符。	用户可以自定义关键字，比如标签备注栏有斜边的板件，加水印字符X
					板件经过上一道工序后，很容易把它和普通板件区分开。
					
				</text>
				<text class="item">
					操作流程：
					&nbsp;&nbsp;&nbsp;&nbsp;点击左上方的“选择PDF文件”按钮，找到由拆单软件导出的PDF文件，程序会自动解析文件，在参数设置无误后，即可处理完成。
					右侧可以预览处理后的标签文件。可以选择下载，也可以直接打印。				
					
				</text>
				<text class="item">					参数配置：					
				
				</text>
				<image style="width: 1440px; height: 900px; " src="/static/help.png" mode="aspectFit"></image>
				<text class="item">
					如上图所示：
					"一级分类"： 如图红色线框，对应标签内容的ID2。
					"二级分类"：如果标签内容有柜体名，那么如图所示，E的区域就是E1或E2等等。
					"分类阴影位置X,Y"：是以每张标签的左下角为X0,Y0。X右为正，Y上为正。
					"分类阴影大小"：数字越大，字体越大。
					"透明度"：0到1之间，1为不透明。一般设置为0.5，既能看到阴影字符，也能看到底部的小字。
					"特殊板件ID":如图，绿色线框所示，ID4,即标签对应的行，含有特殊板件的某些关键字，依据“特殊板件定义”页面所定义的关键字和阴影字符对应。（单字符）
					"特殊板件ID-2"：和“特殊板件ID”不同的是，可以显示双字符，比如某个板件，既有“斜边”关键字，又有“拉直器”关键时，将同时显示这两个关键字对应的字符。最多显示2个字符。
					图示中，关键字“门”，对应阴影M,关键字“牛角”，对应阴影“N”。
					余下参数中的位置，大小均为相同含义。依据实际需求调整。
					"标签过滤":有些拆单软件会导出不属于正常板件的标签，比如余料。找出和正常标签有差异的关键字。如不使用留空即可。
					"标签文字X轴阈值":单张标签的行文字坐标小于设置值时为有效文字，其余文字丢弃，主要起到过滤标签有效文字区域的作用。如果不需要过滤可留空。
					标签内容右侧的页数，可以输入指定的页码查看，也可点击下方的“上一页”,“下一页”翻页。
					"保存参数功能"：初次打开本页面，有默认参数，修改默认参数后，点击“保存参数”，将参数保存在本地浏览器的缓存中，清理浏览器缓存参数会丢失。
					如果在另一台电脑上打开此页面，参数须重新修改并保存。（后续升级，将增加用户功能，即同一个用户账号登录不同的电脑，参数相同且自动加载）
					“特殊板件定义”页中，可以增加关键字和对应的字符。如果需要删除某个关键字，把关键字输入栏里清空，点击保存，即可删除。
				</text>
				<text class="item">
					其它说明
						1>需要更完美更精确的效果，标签整体的元素统一，排列整齐。如需使用二级分类，房间名（空间名），柜体名需单独一行或Y坐标错开。
						2>需要打印彩色，请自行够买彩色或双色打印机。
						3>加过水印的PDF文件，和原文件大小一样，正常打印即可。
						4>一般情况下，无需下载文件，在预览区的右上角直接打印。
						5>自动贴标机，使用和本平台相同逻辑的客户端程序。
						6>小部分拆单软件没有导出标签PDF功能或者导出的是由图片组成的PDF文件，需要安装pdfFactory Pro虚拟打印机，如需帮助请微信联系18186123197
				
				</text>
			</view>
		</view>		                
		
	</view>
</template>
<style lang="scss">
	.item{
		font-size: 20px;
		margin-top: 20px;
		letter-spacing: 2px; /* 增加2像素的字符间距 */
		line-height: 2;
	}
	.item2{
		font-size: 20px;
		margin-top: 20px;
		letter-spacing: 2px; /* 增加2像素的字符间距 */
		line-height: 2;
		color: #e9ff22;
		background-color: #c30003;
	}
	.dir_item{
		margin-left: 30px;
		margin-top: 40px;
		color: #545454;
		font-size: 20px;
		// border: solid;
		
	}
	.context{
		flex: 4;
		margin-left: 30px;
		display: flex;
		flex-direction: column;
	}
	.dir{
		flex: 1;
		display: flex;
		flex-direction: column;
		border-right: 1px solid #d9d9d9;
		height: 80vh;
		
		
	}
	.main {	  
		border: 1px solid #a1a1a1; /* 边框 */
	     
	}
.itemA{
	
	flex: 1;
	margin-bottom: 10px;
}
.itemB{
	
	display: flex;
	
}
.help_title{
	font-size: 30px;
	margin-left: 20px;
}
</style>